<template>
	<view class="content">
		<view class="borde-padd-24">
			<view class="purchaseRecordlist">
				<view class="header-conter-sl flex-height-between">
					<view class="">购买时间: 2024-10-20 11:20:36</view>
					<view class="">购买成功</view>
				</view>
				<view class="flex-line-height">
					<image class="purchaseRecordImgeas" :src="imgUrl+'/logo.png'" mode=""></image>
					<view class="">
						<view class="title">极简风高端简历模板</view>
						<view class="money">¥36.9</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				imgUrl:this.imgUrl,
			}
		}
	}
</script>

<style scoped>
	.purchaseRecordlist{
		width: 702rpx;
		height: 213rpx;
		box-sizing: border-box;
		padding: 24rpx;
		margin-bottom: 16rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
	.header-conter-sl{
		border-bottom: 1rpx solid #E1E4E8;
		padding-bottom: 16rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #8F9294;
		text-align: left;
		font-style: normal;
		margin-bottom: 21rpx;
		text-transform: none;
	}
	.purchaseRecordImgeas{
		width: 70rpx;
		height: 94rpx;
		margin-right: 16rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}
	.purchaseRecordlist .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #0D0E0F;
		text-align: left;
		font-style: normal;
		margin-bottom: 21rpx;
		text-transform: none;
	} 
	.purchaseRecordlist .money{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #E26262;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
</style>